<!doctype html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="UTF-8">
	<title>后台登录</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <link rel="shortcut icon" href="../static/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../static/css/font.css">
	<link rel="stylesheet" href="../static/css/xadmin.css">
<!--    <script type="text/javascript" src="../static/js/jquery.mini.js"></script>-->
    <script src="../static/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../static/js/xadmin.js"></script>
    <link rel="stylesheet" type="text/css" href="../static/css/iview.css">
    <script type="text/javascript" src="../static/js/vue.mini.js"></script>
    <script type="text/javascript" src="../static/js/iview.mini.js"></script>
    <script type="text/javascript" src="../static/js/jquery.mini.js"></script>
    <!--异步请求两个必须的文件-->
    <script type="text/javascript" src="../static/js/axios.mini.js"></script>
    <script type="text/javascript" src="../static/js/qs.mini.js"></script>
    <script type="text/javascript" src="../static/js/node_modules/bluebird/js/browser/bluebird.js"></script>
    <script type="text/javascript" src="../static/js/node_modules/babel-polyfill/dist/polyfill.js"></script>
    <script src="../static/js/jquery.backstretch.min.js"></script>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body class="login-bg" id="login-bg">
     <div id="form">
    <div class="login layui-anim layui-anim-up"  >
        <div class="message">管理登录</div>
        <div id="darkbannerwrap"></div>
        <form method="post" class="layui-form" >
            <input  v-model="username" name="username" placeholder="用户名"  type="text" lay-verify="required" class="layui-input" >
            <hr class="hr15">
            <input  v-model="password" name="password" lay-verify="required" placeholder="密码"  type="password" class="layui-input">
            <hr class="hr15">
                <div class="layui-input-inline">
                    <input  v-model="captcha" style="margin-left: 50px;height: 60px;width:180px" type="text" name="number"  autocomplete="off" class="layui-input" placeholder="输入验证码">
                </div>
            <label class="layui-form-label"><img style="height: 40px;width: 130px" src="../Captcha.jpg" onClick="this.src='../Captcha.jpg?' + new Date().getTime();"></label>
            <hr class="hr20" >
        </form>
        <hr class="hr15">
        <button id="register"  class="layui-btn layui-btn-normal" @click="login">登陆</button>
        <button   v-bind:style="{ color: activeColor }" class="layui-btn layui-btn-primary layui-btn-radius" @click="check">记住我(30天免登陆)</button><label><p style="font-weight: bolder;color: #1AA093">{{flag_alert}}</p></label>
        <hr class="hr20">
        <a class="layui-btn layui-btn-primary layui-btn-radius" href="../templates/register.html" >注册</a>
        <p>{{error_message}}</p>
    </div>
     </div>
  <script type="text/javascript" src="../static/js/login.js"></script>
<script type="text/javascript" src="../static/js/login.mini.js"></script>
</body>

<!--axios({-->
<!--method:'get',-->
<!--url:'../login?'+"username="+vm.username+"&"+"password="+vm.password+"&"+"captcha="+vm.captcha+"&"+"rememberMe="+vm.rememberMe,-->
<!--}).then(function (resp) {-->

<!--}).catch(function (reason) {-->
<!--console.log('请求失败：'+reason.status+','+reason.statusText);-->
<!--})-->
</html>